<template>
  <div class="list">
    <ul>
      <li>心愿单</li>
      <li>优惠券</li>
      <li>积分商城</li>
      <li>收货地址</li>
      <li>意见反馈</li>
      <li>关于我们</li>
    </ul>
  </div>
</template>
<script>
export default{
  name: '',
  data(){
    return {

    }
  }
}
</script>
<style scoped lang="less">
  .list{
    margin: 0 20px;
    ul{
      display: flex;
      flex-wrap: wrap;
      li{
        width: 25%;
        text-align: center;
        box-sizing: border-box;
        background-image: url(../../assets/img/mine/heart.png);
        background-repeat: no-repeat;
        background-position: center top 10px;
        background-size: 40px;
        padding-top: 54px;
        margin-top: 40px;
      }
      li:nth-child(2){
        background-image: url(../../assets/img/mine/voucher.png);
      }
      li:nth-child(3){
        background-image: url(../../assets/img/mine/mall.png);
      }
      li:nth-child(4){
        background-image: url(../../assets/img/mine/addr.png);
      }
      li:nth-child(5){
        background-image: url(../../assets/img/mine/suggest.png);
      }
      li:nth-child(6){
        background-image: url(../../assets/img/mine/about.png);
      }
    }
  }
</style>